<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统-填写信息</title>
		<link rel="stylesheet" type="text/css" href="CSS/bootstrap.css" />
		<style type="text/css">
			body {
				font-family: "楷体";
				background-color: #5F9EA0;
				width: 600px;
			}

			#maintitle {
				text-align: center;
				font-size: calc(45px);
				font-family: "楷体";
				color: #F0F8FF;
				background-color: #2F4F4F;
				border-radius: 20px;
			}

			#main {
				color: darkslategrey;
				font-size: calc(30px);
			}

			#hobby {
				font-size: calc(20px);
			}

			#title {
				background-color: #D0E9C6;
				border-radius: 15px;
				padding-left: 10px;
			}
		</style>
	</head>
	<body>
		<!-- 提交到后台的链接地址 -->
		<form action="http://localhost:8080/stu/get" method="post">
			<div id="main" class="container">
				<h1 id="maintitle">——学生信息管理系统——</h1>
				<div class="form-group">
					<label for="StudentName" id="title">姓名：</label>
					<input type="text" name="name" placeholder="请输入姓名..." style="border-radius: 5px; background-color: #FAEBD7; font-size: 20px; width: 200px; height: 25px;" />
				</div>
				<div class="form-group">
					<label for="StudentAge" id="title" id="title">年龄：</label>
					<input type="number" name="age" placeholder="请输入年龄..." style="border-radius: 5px; background-color: #FAEBD7; font-size: 20px; width: 200px; height: 25px;" />
				</div>
				<div class="form-group" style="font-size: 20px;">
					<label style="font-size: 30px;" id="title">性别：</label>
					<input class="radio-inline" type="radio" name="gender" id="gender" value="1"/>男
					<input class="radio-inline" type="radio" name="gender" id="gender" value="0"/>女
				</div>
				<div class="form-group">
					<label id="title">爱好：</label>
					<span id="hobby">
						<input type="checkbox" name="hobby" id="hobby" value="0"/>唱歌
						<input type="checkbox" name="hobby" id="hobby" value="1"/>跳舞
						<input type="checkbox" name="hobby" id="hobby" value="2"/>游戏
						<input type="checkbox" name="hobby" id="hobby" value="3"/>运动
						<input type="checkbox" name="hobby" id="hobby" value="4"/>户外
					</span>
				</div>
				<div class="form-group">
					<label id="title">学历：</label>
					<select name="edu" id="edu" style="border-radius: 5px; background-color: #FAEBD7; font-size: 20px; width: 230px; height: 30px;">
						<option value="">
							<--请选择你的学历-->
						</option>
						<option value="1">幼儿园</option>
						<option value="2">小学</option>
						<option value="3">初中</option>
						<option value="4">高中</option>
						<option value="5">大学本科</option>
						<option value="5">大学专科</option>
						<option value="5">研究生</option>
					</select>
				</div>
				<div class="form-group">
					<label id="title" for="EduTime">上学时间：</label>
					<input type="date" name="EduTime" id="EduTime" style="border-radius: 5px; background-color: #FAEBD7; font-size: 20px; width: 230px; height: 30px;"/>
				</div>
				<div class="form-group">
					<button value="save" type="submit" name="submit" class="mui-btn mui-btn-grey" style="color: white; background-color: #31708F; border-radius:10px; font-weight: bold; font-size: 20px; font-family: 楷体; width: 150px; height: 40px; margin-left: 25px;">提交</button>
					<button type="button" class="mui-btn mui-btn-grey" style="color: white; background-color: #A94442; border-radius:10px; font-weight: bold; font-size: 20px; font-family: 楷体; width: 150px; height: 40px; margin-left: 25px;">取消</button>
				</div>
			</div>
		</form>
	</body>
</html>
